<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div class="newspaper">

		<div class="header">
			<div class="title">
				<p>Jaaakko</p>
			</div>
			<div class="date">
				<p>2018.01</p>
			</div>
		</div>

		<div class="body">
			<div class="article one up">
				<div class="pic">
					<img src="imgs/a1.jpg" alt="">
					<div class="left"></div>
					<div class="right"></div>
				</div>
				<div class="title">
					<div class="title_one">
						<p>
							<span>About <br> Technologe<br></span>
							<span>About technologe about techonloge about techonloge</span>
						</p>
						<!-- <p>About technologe about techonloge about techonloge</p> -->
						<p>
							<span>700</span>
						</p>
					</div>
					<div class="title_two">
						<table>
							<tr>
								<td rowspan="2">3.2</td>
								<td>CSS</td>
							</tr>
							<tr>
								<td>csscsscsscss</td>
							</tr>
						</table>
					</div>
				</div>
				<div class="content">
					<div class="left">
						<span>What</span>
						<p><br>
							前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端
						</p>
					</div>
					<div class="middle">
						<span>When</span>
						<p><br>
							前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端
						</p>
					</div>
					<div class="right">
						<span>How</span>
						<p><br>
							前端前端前端前端<br>
							前端前端前端前端前端<br>
							前端前端前端前端前端<br>
						</p>
						<div>
							<p>What------- <span>40%</span></p>
							<p>What------- <span>30%</span></p>
							<p>What------- <span>30%</span></p>
						</div>
					</div>
				</div>
			</div>
			<div class="down">
				<div class="article two">
					<div class="title">
						<p>
							<span>the</span>
							technologe <br>
							of front <br>
							<span>前端技术领域</span>
						</p>
					</div>
					<div class="content">
						<p>
							前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前前端前端前端前端前端前端前端前端
						</p>
						<img src="imgs/a3.jpg" alt="">
						<p>
							前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端。<br>
						</p>
						<p>
							前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前前端前端前端前端。
						</p>
					</div>
				</div>

				<div class="article three">
					<div class="pic">
						<img src="imgs/a2.jpg" alt="">
						<div class="out-box">
							<div class="in-box">
								<p>
									<span>前端技术</span>
									前端技术前端技术
								</p>
							</div>
						</div>
					</div>
					<div class="content">
						<div>
							<li>
								<span class="icon"></span>
								 前端前端前端前端前端前端...................................... 
            					<span class="author">前端</span>
							</li>
							<li>
								<span class="icon"></span>
								 前端前端前端前端................................................... 
            					<span class="author">前端前</span>
							</li>
							<li>
								<span class="icon"></span>
								前端前端前端前端前端前端前端前端...................... <span class="author">前端</span>
							</li>
						</div>
						<div>
							<div class="content_title">
								<div class="left">
									0
								</div>
								<div class="right">
									<p>
										one two <br>
										three four five
									</p>
									<p>
										hello world hello world <br> hello world
									</p>
								</div>
							</div>
							<div class="content_content">
								<p>
									<span>“</span> 
									world world world
									world world world world
									world world world world
									world world world world
									world <br><span>”</span>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="footer">
			<span>Jaakko</span>
		</div>

	</div>
</body>
</html>